{% extends 'main.html' %}
{% load myfilter %}
{% load static %}

{% block content %}
    <div class="container-fluid">
        <div class="row search_tit ">
            <div class="col-lg-1"></div>
            <div class="col-lg-2">
                <span>设备类型：</span>
                <input class="form-control" list="sites" id="a_type">
                <datalist id="sites">
                    <option value="Google">
                </datalist>
            </div>
            <div class="col-lg-2">
                <span>设备类型：</span>
                <input class="form-control" list="sites" id="a_type">
                <datalist id="sites">
                    <option value="Google">
                </datalist>
            </div>
            <div class="col-lg-2">
                <span>设备类型：</span>
                <input class="form-control" list="sites" id="a_type">
                <datalist id="sites">
                    <option value="Google">
                </datalist>
            </div>
            <div class="col-lg-2">
                <span>设备类型：</span>
                <input class="form-control" list="sites" id="a_type">
                <datalist id="sites">
                    <option value="Google">
                </datalist>
            </div>
            <div class="col-lg-2">
                <button type="button" class="btn btn-primary">查询</button>
            </div>
        </div>

        <div class="table-responsive" style="margin-top: 20px">
            <table class="table table-striped table-sm">
                <thead>
                <tr>
                    <th scope="col">档案编号</th>
                    <th scope="col">品牌</th>
                    <th scope="col">型号</th>
                    <th scope="col">保管科室</th>
                    <th scope="col">管理人</th>
                    <th scope="col">使用位置</th>
                </tr>
                </thead>
                <tbody>
                {% for div in data_list %}
                    <tr>
                        <td>{{ div.unit_id }}{{ div.type_id }}{{ div.code|id_format:4 }}</td>
                        <td>{{ div.logo }}</td>
                        <td>{{ div.version }}</td>
                        <td>{{ div.unit.name }}</td>
                        <td>{{ div.manager.name }}</td>
                        <td>{{ div.place }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            <nav aria-label="Page navigation example">
                <ul class="pagination">
                    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item"><a class="page-link" href="#">Next</a></li>
                </ul>
            </nav>
        </div>
    </div>
{% endblock content %}
